<wicket:extend>
	<div wicket:id="content" class="issue-boards flex-grow-1 d-flex flex-column no-autofocus"></div>
	<wicket:fragment wicket:id="hasBoardsFrag">
		<div class="head flex-shrink-0">
			<form wicket:id="query" class="d-flex flex-wrap flex-md-nowrap">
				<span class="btn-group flex-shrink-0 mr-0 mr-md-4 mb-3 mb-md-0">
					<a wicket:id="board" t:data-tippy-content="Board" class="board-selector btn btn-outline-secondary btn-hover-primary text-nowrap bg-white">
						<wicket:svg href="split" class="icon mr-2"></wicket:svg>
						<span wicket:id="label"></span>
						<wicket:svg href="arrow" class="icon rotate-90 ml-1"></wicket:svg>
					</a>
					<a wicket:id="backlog" t:data-tippy-content="Show issues not scheduled into current iteration" class="bg-white backlog btn btn-outline-secondary btn-hover-primary text-nowrap"><wicket:svg href="inbox" class="icon mr-2"></wicket:svg> <wicket:t>Backlog</wicket:t></a>
					<a wicket:id="iteration" t:data-tippy-content="Iteration" class="iteration-selector btn text-nowrap bg-white">
						<wicket:svg href="iteration" class="icon mr-2"></wicket:svg>
						<span wicket:id="label"></span>
						<wicket:svg href="arrow" class="icon rotate-90 ml-1"></wicket:svg>
					</a>
				</span>
				<div class="clearable-wrapper w-100 w-auto-md flex-grow-1">
					<div class="input-group">
						<input wicket:id="input" spellcheck="false" autocomplete="off" class="form-control">
						<span class="input-group-append">
							<button wicket:id="submit" type="submit" class="bg-white btn btn-icon btn-outline-secondary btn-hover-primary" t:data-tippy-content="Query"><wicket:svg href="magnify" class="icon"></wicket:svg></button>
						</span>
					</div>
				</div>
			</form>
		</div>
		<div wicket:id="body" class="body flex-grow-1 d-flex flex-column">
			<div wicket:id="feedback" class="feedback flex-shrink-0"></div>
			<div class="columns flex-grow-1 d-flex mt-5 autofit overflow-auto">
				<div wicket:id="columns" class="column d-flex flex-column overflow-hidden"></div>
			</div>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="noBoardsFrag">
		<div class="alert alert-outline-secondary bg-white shadow no-boards">
			<span class="mr-3"><wicket:t>No issue boards defined</wicket:t></span> 
			<a wicket:id="newBoard" class="mr-3"><wicket:svg href="plus" class="icon mr-1"></wicket:svg><wicket:t>Add New</wicket:t></a>
			<a wicket:id="useDefault"><wicket:svg href="undo" class="icon"></wicket:svg><wicket:t>Use Default</wicket:t></a>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="boardMenuFrag">
		<div class="board-menu p-4">
			<div class="text-muted mb-3"><wicket:svg href="bulb" class="icon"/> <wicket:t>The first board will be the default board</wicket:t></div>
			<table class="boards table">
				<tr wicket:id="boards" class="board">
					<td class="name">
						<span wicket:id="dragIndicator" class="drag-indicator"><wicket:svg href="grip" class="icon"/></span>			
						<a wicket:id="select" class="select"><span wicket:id="name"></span></a>
						<span wicket:id="default" class="badge badge-sm badge-light-info ml-2"><wicket:t>default</wicket:t></span>
					</td>
					<td wicket:id="actions" class="actions text-right">
						<a wicket:id="edit" class="btn btn-icon btn-xs btn-light btn-hover-primary mr-1" t:data-tippy-content="Edit"><wicket:svg href="edit" class="icon"></wicket:svg></a>
						<a wicket:id="copy" class="btn btn-icon btn-xs btn-light btn-hover-primary mr-1" t:data-tippy-content="Copy"><wicket:svg href="copy" class="icon"></wicket:svg></a>
						<a wicket:id="delete" class="btn btn-icon btn-xs btn-light btn-hover-danger" t:data-tippy-content="Delete"><wicket:svg href="trash" class="icon"></wicket:svg></a>
					</td>
				</tr>
			</table>
			<a wicket:id="newBoard" class="btn btn-light btn-hover-primary btn-sm btn-block new-board"><wicket:svg href="plus" class="icon mr-2"></wicket:svg> <wicket:t>Add New Board</wicket:t></a>
			<a wicket:id="useDefault" class="btn btn-light btn-hover-primary btn-sm btn-block use-global"><wicket:svg href="undo" class="icon mr-2"></wicket:svg> <wicket:t>Use Default Boards</wicket:t></a>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="iterationMenuFrag">
		<div class="iteration-menu p-4">
			<wicket:enclosure child="iterations">
			<table class="iterations table">
				<tr wicket:id="iterations" class="iteration">
					<td class="name text-nowrap">
						<a wicket:id="select"><span wicket:id="name"></span></a> 
						<span wicket:id="inherited" class="ml-2 badge badge-info badge-sm"><wicket:t>Inherited</wicket:t></span>
						<a wicket:id="burndown" t:data-tippy-content="Burndown chart" class="ml-2"><wicket:svg href="burndown" class="icon"/></a>
					</td>
					<td class="status text-nowrap">
						<span wicket:id="status"></span>
					</td>
					<td class="due-date text-nowrap">
						<span wicket:id="dueDate"></span>
					</td>
					<td class="actions text-right">
						 <div wicket:id="actions" class="d-inline-flex align-items-center"></div> 
					</td>
				</tr>
			</table>
			</wicket:enclosure>
			<a wicket:id="showClosed" class="show-closed btn btn-block btn-light btn-hover-primary btn-sm"><wicket:svg href="double-arrow" class="icon rotate-90 mr-2"></wicket:svg> <wicket:t>Show Closed</wicket:t></a>
			<a wicket:id="unscheduled" class="no-iteration btn btn-block btn-light btn-hover-primary btn-sm"><wicket:svg href="inbox" class="icon mr-2"></wicket:svg> <wicket:t>Unscheduled Issues</wicket:t></a>
			<a wicket:id="all" class="all btn btn-block btn-light btn-hover-primary btn-sm"><wicket:svg href="all" class="icon mr-2"></wicket:svg> <wicket:t>All Issues</wicket:t></a>
			<a wicket:id="newIteration" class="new-iterations btn btn-block btn-light btn-hover-primary btn-sm"><wicket:svg href="plus" class="icon mr-2"></wicket:svg> <wicket:t>Create Iteration</wicket:t></a>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="iterationActionsFrag">
		<a wicket:id="close" class="action"><wicket:t>Close</wicket:t></a>
		<a wicket:id="reopen" class="action"><wicket:t>Reopen</wicket:t></a>
		<span class="dot mx-2"></span>
		<a wicket:id="edit" class="action"><wicket:t>Edit</wicket:t></a>
		<span class="dot mx-2"></span>
		<a wicket:id="delete" class="action"><wicket:t>Delete</wicket:t></a>
	</wicket:fragment>
</wicket:extend>